<include file="Public:header" />
<link rel="stylesheet" type="text/css" href="../Public/css/reg.css"/>
<div class="content">
<script language="JavaScript">
$(function(){
	$("#username").blur(function() {
		var uname = $(this).val();
		$.post("{:U('user/checkuname')}", {username:uname}, function(res){
			if(res){
				$("#usernameinfo").html("<font color='red'>您输入的用户名存在</font>");
				return false;
			}else if(uname.length == "")
			{
				$("#usernameinfo").html("<font color='red'>用户名不能为空</font>");
			  	return false;
			}else if(uname.length<6 || uname.length>16)
			{
				$("#usernameinfo").html("<font color='red'>用户名由6-16位字符组成</font>");
			  	return false;
			}else
			{
				$("#usernameinfo").html("<font color='green'>该用户名可用</font>");
				return true;
			}
		});
	});
	$("#password").blur(function(){
		var pwd = $(this).val();
		if(pwd.length=="")
		{
			$("#passwordinfo").html("<font color='red'>密码不能为空</font>");
		  	return false;
		}else if(pwd.length<6 || pwd.length>16)
		{
			$("#passwordinfo").html("<font color='red'>密码由6-16位字符组成</font>");
		  	return false;
		}else{
			$("#passwordinfo").html("<font color='green'>密码通过</font>");
			return true;
		}
	});
	$("#repassword").blur(function(){
		var repwd = $(this).val();
		var pwd = $("#password").val();
		if(repwd.length=="")
		{
			$("#repasswordinfo").html("<font color='red'>密码不能为空</font>");
		  	return false;
		}else if(repwd!=pwd){
			$("#repasswordinfo").html("<font color='red'>两次输入不一致</font>");
		  	return false;
		}else{
			$("#repasswordinfo").html("<font color='green'>密码通过</font>");
			return true;
		}
	});
	$("#nickname").blur(function(){
		var nkname = $(this).val();
		if(nkname.length=="")
		{
			$("#nicknameinfo").html("<font color='red'>昵称不能为空</font>");
		  	return false;
		}else if(nkname.length>10){
			$("#nicknameinfo").html("<font color='red'>昵称长度不能超过10</font>");
		  	return false;
		}else{
			$("#nicknameinfo").html("<font color='green'>昵称通过</font>");
			return true;
		}
	});
	$("#email").blur(function(){
		var email = $(this).val();
		if(email.length==""){
			$("#emailinfo").html("<font color='red'>请输入Email</font>");
			return false;
		}else if(email.indexOf("@")<1 || email.indexOf(".")<2 || email.indexOf(".")<email.indexOf("@")){
			$("#emailinfo").html("<font color='red'>请输入合法的Email</font>");
			return false;
		}else{
			$("#emailinfo").html("<font color='green'>Email通过</font>");
			return true;
		}
	});
}); 
</script>
<div class="reg">
<h3>用户注册</h3>
<p> 请注意：带有<span>*</span>的项目必须填写</p>
<form action="{:U('User/reg')}" method="POST">
<table cellpadding="0" cellspacing="0" border="0" style="width:550px;">
<tbody>
<if condition="($erorsta eq 1)">
	<tr>
		<td colspan="4" style="text-align:center; color:red;">{$error}</td>
	</tr>
</if>
<tr>
<td height="50" width="150"><span>*</span>用户名：</td>
<td colspan="2" width="230"><input id="username" class="txt" type="text" name="username"  onkeyup="value=value.replace(/[\W]/g,'') "
      onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"  value=""/></td>
<td id="usernameinfo" style="text-align:center" width="170"></td>
</tr>
<tr>
<td  height="50" width="150"><span>*</span>密码：</td>
<td colspan="2" width="230"><input id="password" class="txt" type="password" name="password" value=""/></td>
<td id="passwordinfo" style="text-align:center" width="170"></td>
</tr>
<tr>
<td  height="50" width="150"><span>*</span>确认密码：</td>
<td colspan="2" width="230"><input id="repassword" class="txt" type="password" name="repassword" value=""/></td>
<td id="repasswordinfo" style="text-align:center" width="170"></td>
</tr>
<tr>
<td  height="50" width="150"><span>*</span>昵称：</td>
<td colspan="2" width="230"><input id="nickname" class="txt" type="text" name="nickname" value=""/></td>
<td id="nicknameinfo" style="text-align:center" width="170"></td>
</tr>
<tr>
<td  height="50"><span>*</span>性别：</td>
<td colspan="2" class="rad"><input class="radi" checked="checked" type="radio" name="sex" value="1"/>男       <input class="radi" name="sex" type="radio" value="2"/>女       </td>
</tr>
<tr>
<td  height="50"><span>*</span>E-mail：</td>
<td colspan="2"><input id="email" class="txt" type="text" name="email" value=""/></td>
<td id="emailinfo" style="text-align:center" width="170"></td>
</tr>
<tr>
<td  height="50">手机号码：</td>
<td colspan="2"><input id="tel" class="txt" type="text" name="tel" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPRess="if((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" value=""/></td>
</tr>
<tr>
<td  height="50"><span>*</span>用户须知：</td>
<td colspan="2"><textarea style="width:230px; height:100px; ovflow-y: scroll;">首先感谢您使用中国天气，在使用之前请您注意以下几点:
1：“网站”承诺
首先感谢您使用中国天气，在使用之前请您注意以下几点:
1：“网站”承诺
首先感谢您使用中国天气，在使用之前请您注意以下几点:
1：“网站”承诺
首先感谢您使用中国天气，在使用之前请您注意以下几点:
1：“网站”承诺	
</textarea></td>
</tr>
<tr>
<td height="100"></td>
<td><input type="submit" class="log_bt" value="提 交"/></td>
<td><input type="reset" class="reg_bt" value="返 回"/></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<include file="Public:footer" />